@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}


/*.banner_bj{ height: 583px; overflow: hidden; position: relative;}
.banner {height: 500px; overflow: hidden;}
.banner a{display:block;background:url(banner.jpg) no-repeat center top; height:500px; overflow:hidden;}
.ban_qh{ height: 83px; overflow: hidden; background: url(h_tb.jpg) no-repeat center top; position: relative; z-index: 5;}*/
.b_j{position: absolute; top:0; right:50%; margin-right: -480px; width: 138px;}
.b_j em{ margin-top: 23px; display: block; width: 22px; height: 41px; overflow: hidden;}
.b_j em a{ display: block; width: 22px; height: 41px; overflow: hidden;}
.b_j .e01{ margin-right: 54px;}
.b_j .e01 a{ background: url(h_l.gif) no-repeat left top;}
.b_j .e01 a:hover{ background: url(h_l01.gif) no-repeat left top;}
.b_j .e02 a{ background: url(h_r.gif) no-repeat left top;}
.b_j .e02 a:hover{ background: url(h_r01.gif) no-repeat left top;}


.pageState{ position: absolute; top: 15px; right:50%; margin-right: -600px; width: 110px; height: 55px; border-left: 1px dashed #b9b9b9;font: 26px/55px Arial, Helvetica, sans-serif; color: #010101; text-align: right;}
.pageState span{ font: 46px/55px Arial, Helvetica, sans-serif; color: #f18d00;}


.wz{ position: relative; z-index: 10; margin-top: -83px; height: 83px; width: 894px; overflow: hidden; font-family: "Microsoft Yahei"; }
.wz h2{ width: 414px; font-size: 20px; font-weight: normal; color: #fff; padding-top: 15px; line-height: 24px; float: left;}
.wz h2 span{display: block; font-size: 16px; color: #0071b7;background: url(wz_bj.jpg) no-repeat left top; width: 237px; height: 27px;  text-align: center; line-height: 27px; margin-top: 5px;}

.b_tel{ width: 400px; margin-left: 80px;}
.b_tel p{ margin-top: 18px; background: url(h_tel.gif) no-repeat left center; font: 14px "Microsoft Yahei"; color: #878787; padding-left: 48px;}
.b_tel p b{ display: block; color: #1d1d1d;}

.b_tel span{ display: inline-block; font: 36px/82px Arial, Helvetica, sans-serif; color: #010101;}

.sou{ height: 126px; width: 1200px; margin: 0 auto; overflow:hidden;}
.s_inp01{ width:370px; padding-top:34px;}
.inp01{ width:338px; height:33px; line-height:33px; background:url(s.gif) no-repeat; border:0 ; color:#999; font-size:14px; padding-left:10px;}
.inp02{ background:url(ss.gif) no-repeat; width:22px; height:33px; border:0;}
.sou p{ font: 14px/100px "Microsoft Yahei"; color: #555; width:600px; }
.sou p a{color:#555; padding:0 8px;}

.cp_l{ position: relative; background: url(lb_bj.jpg) no-repeat left top; width: 239px; height: 762px; overflow: hidden;}
.cp_l h2{ margin-bottom: 28px; padding-top: 24px; height: 74px; overflow: hidden; text-align: center; font: bold 20px Arial, Helvetica, sans-serif; text-transform: uppercase; color: #a3c4e6;}
.cp_l h2 a{ display: block; font: bold 22px "Microsoft Yahei"; color: #fff;}
.cp_lc{ width: 239px;}
.cp_lc h3{ width: 189px; height: 32px; margin: 0 auto; overflow: hidden;}
.cp_lc h3 a{ display: inline-block; width: 189px; height: 32px; text-align: center; font: 16px/32px "Microsoft Yahei"; color: #333; background: url(lb_b.gif) no-repeat center top;}
.cp_lc h3 a:hover ,.cp_lc .cur a{ color: #fff; text-decoration: none;background: url(lb_bh.gif) no-repeat center top;}
.cp_lc ul{ width: 150px; margin: 0 auto; padding-top: 10px; padding-bottom: 24px;}
.cp_lc ul li{ padding-left: 28px; height: 26px; width: 122px; font: 14px/26px "Microsoft Yahei"; color: #444; background: url(lb_l.gif) no-repeat right center;}
.cp_lc ul li a{ display: inline-block; color: #444;}
.cp_lc p{ width: 52px; height: 53px; overflow: hidden; position: absolute; right: 0; bottom: 0;}

.cp_r{ width: 924px; overflow: hidden; height: 832px;}
.cp_h{ height: 60px; background: url(cp_hb.jpg) no-repeat left top; overflow: hidden;}
.cp_h span{ padding-right: 18px; display: inline-block; font: 14px/60px "Microsoft Yahei";}
.cp_h span a{ color: #555;}
.cp_h ul li{ float: left; width: 154px; height: 60px;}
.cp_h ul li a{ display: inline-block; width: 154px; height: 60px; font: 20px/60px "Microsoft Yahei"; color: #555; text-align: center;}
.cp_h ul li a:hover ,.cp_h .cur a{background: url(cp_h.jpg) no-repeat left top; color: #fff; text-decoration: none;}
.pro_c{ height: 664px; overflow: hidden; margin-top: 38px;}
.cp_c{ height: 664px; overflow: hidden;}
.cp_c ul{ position: relative; margin-right: -34px;}
.cp_c ul li{ margin-right: 30px; margin-bottom: 30px; width: 288px; height: 317px; overflow: hidden; float: left; position: relative;}
.cp_c ul li span{ display: block; position: absolute; bottom: 0; left: 0; height: 56px; width: 288px; text-align: center; font: 14px/56px "Microsoft Yahei"; color: #333;}
.cp_c ul li img{ width: 286px; height: 315px; border: 1px solid #ddd;}
.cp_c ul li p{ width: 288px; height: 137px; position: absolute; top: 0; left: 0; display: none;  font: 14px "Microsoft Yahei"; color: #fff; padding-top: 180px; text-align: center;}
.cp_c li a:hover p{display: block;}

.casebg{ height: 706px; padding-top: 42px; overflow: hidden; background: #fff; font-family: "Microsoft Yahei";}
.case{ width:1200px; height: 706px; margin: 0 auto; overflow: hidden;}
.case h2{ height: 85px; text-align: center;background: url(case_t.jpg) no-repeat center bottom; font-size: 30px; line-height: 85px;}
.case h2 a{ color: #111111;}
.c_nav{ margin-top: 22px; overflow: hidden; height: 71px;}
.c_nav ul{ margin-right: -40px; position: relative;}
.c_nav li{ float: left; margin-right: 40px;}
.c_nav li a{ display:inline-block; width:208px; height: 71px; overflow: hidden; text-align: center; line-height: 60px; font-size: 20px; color: #fff;background: url(al_hb.gif) no-repeat center 0;}
.c_nav li a:hover , .c_nav li.cur a{background: url(al_ho.gif) no-repeat center 0;text-decoration:none;}
.case_nr{ height: 490px; overflow: hidden;}
.case_c{ margin-top: 20px; height: 440px; overflow: hidden;}
.case_c dl dt { width:890px; position: relative; z-index: 1; overflow: hidden;}
.case_c dt img{ width: 890px; height: 440px;}
.case_c dd{ float: left; position: relative; z-index: 2; width: 510px; height: 350px; margin: 28px 0 0 -200px; display: inline;background: url(al_db.png) no-repeat center 0; padding-top: 23px;}
.case_c dd p{padding: 20px 60px 0; font-size: 16px; line-height: 27px; color: #333333;}
.case_c dd p b{display: block; font-size: 18px; padding-bottom: 5px;}
.case_c dd span{ display: block; margin: 40px 0 0 60px;}
.case_c dd span a{ display: inline-block; width: 113px; height: 36px; text-align: center;background: #38397a; line-height: 36px; font-size: 16px; color: #fff; margin-right: 22px;}
.case_c dd span a.a01{ background: #f18d00;}

.coobg{ height: 417px; overflow: hidden;background: url(hz_bj.jpg) no-repeat center 0;}
.coo{ margin: 42px auto 0; width: 1200px; height: 340px; overflow: hidden;font-family: "Microsoft Yahei";}
.coo h2{ font-size: 30px; height: 85px; text-align: center; line-height: 85px; overflow: hidden;}
.coo h2 a{ color: #fff;}
.coo li{ margin-top: 20px; width:200px; height: 201px; overflow: hidden; float: left;background: url(hz_t01.png) no-repeat center 0;}
.coo li img{ width: 160px; height: 70px; display: block; margin: 65px auto 0;}

.ys{ margin: 64px auto 0; height: 1640px; width: 1200px; overflow: hidden; position: relative;font-family: "Microsoft Yahei"; background: url(ys_line.jpg) no-repeat 564px 175px; }
.ys h2{ height: 53px; text-align: center; background: url(ys_t.jpg) no-repeat center 0; overflow: hidden; font-size: 24px; color: #111111; padding-top: 80px;}
.ys .p01 { position: absolute; top: 174px; left:0; width: 538px; height: 311px;}
.ys .p01 img{width: 538px; height: 311px;}
.ys .p02 { position: absolute; top: 510px; right:51px; width: 494px; height: 376px;}
.ys .p02 img{width: 494px; height: 376px;}
.ys .p03 { position: absolute; top: 869px; left:0; width: 545px; height: 375px;}
.ys .p03 img{width: 545px; height: 375px;}
.ys .p04 { position: absolute; top: 1255px; right:0; width: 538px; height: 311px;}
.ys .p04 img{width: 538px; height: 311px;}
.ys .dl01{ top: 234px;right:0; }
.ys .dl02{ top: 578px;left:0; }
.ys .dl03{ top: 935px;right:0; }
.ys .dl04{ top: 1310px;left:0; }
.ys dl{ width: 538px; overflow: hidden; position: absolute;}
.ys dt { font-size: 24px; color: #111111; font-weight: bold; line-height: 30px;}
.ys dt span{ color: #38397a;}
.ys dt i{ font:10px/22px Arial; display: block; -webkit-transform:scale(0.8); text-transform: uppercase;}
.ys dd{ padding-top: 20px; font-size: 14px; line-height: 27px; color: #555555;}
.ys dd span{ color: #0063b7;}
.ys dd i{ display: block; margin-top: 20px; width: 124px; height: 36px; background: #f18d00; text-align: center; line-height: 36px; font-size: 16px;}
.ys dd i a { color: #fff;}
.ys .dl02 , .ys .dl04  { text-align: right;}
.ys .dl02  dd i , .ys .dl04  dd i{ margin-left: 420px;}

.aboutbg{ height: 568px; background: #f2f2f2; overflow: hidden;font-family: "Microsoft Yahei";}
.about  { width: 1200px; height: 568px; margin: 0 auto; overflow: hidden; position: relative;}
.about h2{ position: absolute; top: 66px; left:0; height: 98px; overflow: hidden; z-index: 3;}
.about h2 i{ display: block; float: left; font-size: 100px; font-family: impact; color: #dddddd; text-transform: uppercase; font-weight: normal; line-height: 100px;}
.about h2 a{display: block; float: left;font-weight: bold; font-size: 28px; color: #333333; padding-top: 56px; line-height: 30px;}
.about dl{ margin-top:70px; height: 475px; overflow: hidden;}
.about dt{ float: right; width: 640px; height: 389px; overflow: hidden; position: relative; z-index: 2; margin-left: -161px;}
.about dd{ margin-top: 104px; position: relative; z-index: 1; width: ;border:3px solid #ddd; width: 715px; height: 322px; overflow: hidden;}
.about dd h3{ padding:37px 0 0 40px; font-size: 20px; color: #333333; font-weight: normal; line-height: 30px;}
.about dd h3 a{ color: #333;}
.about dd p{ padding:25px 195px 0 40px; height: 150px; overflow: hidden; font-size: 14px; color: #555555; line-height: 24px;}
.about dd i{display: block; margin-left:40px; width: 134px; height: 36px; background: #f18d00; text-align: center; line-height: 36px; font-size: 16px;}
.about dd i a{ color: #fff;}

.xc{ height:330px; overflow:hidden; margin-top: 53px; font-family: "Microsoft Yahei";}
.xc_t{ height: 52px; background:url(ry_line.gif) repeat-x left 50px;overflow:hidden;}
.xc_t span a{ font-size: 14px; color: #555555; line-height: 52px;}
.xc_t li{ float: left; margin-right: 20px;}
.xc_t li a{ display: inline-block; height: 49px; font-size: 18px; color: #111111; padding-right: 10px; line-height: 49px; font-weight: bold;}
.xc_t li a:hover , .xc_t .cur a{ color: #0063b7; border-bottom: 3px solid #0063b7; text-decoration: none;}

.bigboxs{ height: 250px; overflow: hidden;}
.xc_c{ height: 250px; overflow: hidden;}
.xc_c ul{ position: relative; margin-right: -34px;}
.xc_c li{ float: left; width: 281px; height: 200px; margin: 29px 26px 0 0; position: relative;}
.xc_c li img{width: 281px; height: 200px; } 
.xc_c li p{ position:absolute; left:0px; top:0px; display:none;overflow:hidden;width: 281px; height: 180px;background:url(xc_th.png) no-repeat left top; font-size: 14px; padding-top: 120px; color: #fff; text-align: center;}
.xc_c li a:hover p{ display: block;}

.news{ height: 500px; width: 750px; overflow: hidden;font-family:"Microsoft Yahei";}
.n_nav{ height: 52px; background:url(ry_line.gif) repeat-x left 50px;overflow:hidden;}
.n_nav span a{ font-size: 14px; color: #555555; line-height: 52px;}
.n_nav li{ float: left; margin-right: 20px;}
.n_nav li a{ display: inline-block; height: 49px; font-size: 18px; color: #111111; padding-right: 10px; line-height: 49px; font-weight: bold;}
.n_nav li a:hover , .n_nav .cur a{ color: #0063b7; border-bottom: 3px solid #0063b7; text-decoration: none;}
.news_c{ height:412px; overflow:hidden; position: relative;}
.news_c dl{ margin:25px  0 0; height:355px; position: relative; z-index: 1; overflow:hidden;}
.news_c dt{ width:358px; height:352px; overflow:hidden;}
.news_c dt img{ width:358px; height:352px;}
.news_c dd{ width:360px; overflow:hidden;}
.news_c dd h3{ font-size:16px; height:20px; line-height:20px; overflow:hidden;}
.news_c dd h3 a{ color:#333333;}
.news_c dd p{ height:90px; font-size:14px; line-height:24px; overflow:hidden; padding-top:15px; color: #555555;} 
.news_c dd  a{ color:#f18d00;} 
.news_wz{ position: absolute;  top: 172px; right:0; width: 360px; overflow: hidden;}
.news_wz li{ height: 66px; background: #f5f5f5; overflow: hidden; margin-bottom: 6px;}
.news_wz li span{display: block; float: left; width: 66px; height: 66px;background:url(news_ico.jpg) no-repeat left center; font-size: 30px; font-family: impact; text-align: center; line-height: 60px;}
.news_wz li h3{ float: left; width: 275px; padding:15px 0 0 15px; color: #777777; overflow: hidden; line-height: 24px;font-weight: normal;}
.news_wz li h3 a{ display:block; font-size: 14px; color: #333;}
.news_wz li p {font-size: 12px; }

.wt{ width:403px; height:500px; overflow:hidden; font-family:"Microsoft Yahei";}
.wt h2 {height: 52px; background:url(ry_line.gif) repeat-x left 50px;overflow:hidden; margin-bottom: 20px;}
.wt h2 span a{ font-size: 14px; color: #555555; line-height: 52px;}
.wt h2 i{ display: inline-block; height: 49px; font-size: 18px; color: #111111; padding-right: 10px; line-height: 49px;}
.wt h2 i a{ display: inline-block;  color: #0063b7; border-bottom: 3px solid #0063b7; text-decoration: none; font-weight: bold;}

.wt_c{ height:400px;overflow:hidden;}
.wt_c dl{ padding:20px 0 ;  font-size:14px; border-bottom: 1px dashed #b0b0b0;}
.wt_c dt{ background:url(wd_d.gif) no-repeat left top; line-height:19px; height:19px; overflow:hidden; padding-left:30px;}
.wt_c dt a{ color: #333333;}
.wt_c dd{ background:url(wd_w.gif) no-repeat left 0; line-height:24px;overflow:hidden; padding-left:30px; margin-top:10px; color: #555555;}



.section{overflow:hidden;position:relative!important;background:#f6f6f6;}
.succeed_title{text-align:center;padding-top:15px;}
.success_text{color:#222222;font-size:14px;text-align:center;line-height:30px;margin-top:12px;}
.portfolio-grid{width:100%;margin-top:20px;}
.thumbnail img.cases_img{width:100%; }
.thumbnail{overflow:hidden;position:relative;display:inline-block;float:left;width:24%;width:23.49%\9;margin:0.5%;}
.thumbnail a.thumbnail_a:hover{cursor:url('more.cur'),crosshair;cursor:url('cases_shi.png') 40 40, crosshair;}
.projectinfo{position:absolute;z-index:2;top:-60px;left:0;width:100%;height:100%;background:rgb(126,127,115);background:rgba(126,127,115,0.4);height:0\9;}
.thumbnail .meta{width:100%;height:60px;line-height:60px;text-align:left;overflow:hidden;}
.thumbnail .meta h4{font-size:18px;padding-left:2%;font-weight:normal;width:60%; }
.thumbnail .meta h4 a{color:#000;}
.thumbnail .meta .fr{width:38%;text-align:right;}
.thumbnail .meta .fr a{display:inline-block;padding:0px 2px;padding-right:12px;width:20px;height:60px;}
.thumbnail .meta .fr a.cases_a_pc{background:url(cases_ico_pc_b.png) no-repeat center;}
.thumbnail .meta .fr a.cases_a_phone{background:url(cases_ico_phone_b.png) no-repeat center;}
.thumbnail:hover .meta{background-color:#2eafbb;}
.thumbnail:hover .meta h4 a{color:#fff;}
.thumbnail:hover .meta .fr a.cases_a_pc{background:url(cases_ico_pc_w.png) no-repeat center;}
.thumbnail:hover .meta .fr a.cases_a_phone{background:url(cases_ico_phone_w.png) no-repeat center;}

.btn_cases_more{border:1px solid #15909c;margin:50px auto;text-align:center;width:120px;}
.btn_cases_more a{line-height:36px;color:#15909c;font-size:12px;font-family:"宋体";width:120px;height:36px;display:block;transition:all 0.5s;-moz-transition:all 0.5s; /* Firefox 4 */-webkit-transition:all 0.5s; /* Safari and Chrome */-o-transition:all 0.5s; /* Opera */}
.btn_cases_more a:hover{background-color:#15909c;}
.btn_cases_more a:hover{color:#fff;}